module.exports = {
  // 指定了哪些文件需要被扫描以进行样式优化（生产环境下会移除未使用的CSS）
  purge: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
  darkMode: false,
  theme: {
    extend: {
      spacing: {
        97: '26rem',
        98: '28rem',
        '12/10': '120%'
      },
      colors: {
        ob: 'var(--text-accent)',
        'ob-normal':    'var(--text-normal)',
        'ob-trans':     'var(--background-trans)',
        'ob-accent-55': 'var(--bg-accent-55)',
        'ob-secondary': 'var(--text-sub-accent)',
        'ob-bright':    'var(--text-bright)',
        'ob-dim':       'var(--text-dim)',
        'ob-deep': {
          '800':        'var(--background-secondary)',
          '900':        'var(--background-primary)'
        }
      },
      boxShadow: {
        ob: 'var(--accent-shadow)'
      },
    }
  },
  variants: {
    extend: {}
  },
  plugins: [],
}
